sap.ui.define([
    "sap/ui/core/UIComponent",
    "sap/ui/model/json/JSONModel",
    "sap/ui/Device"
 ], (UIComponent, JSONModel, Device) => {
    "use strict";
 
    return UIComponent.extend("ui5.walkthrough.Component", {
      metadata : {
         interfaces: ["sap.ui.core.IAsyncContentCreation"],
         manifest: "json"
      },
 
      init: function() {
         // 在这里写一些可以被多个页面调用的公共变量 
         // call the init function of the parent
         UIComponent.prototype.init.apply(this, arguments);
         // set data model
         const oData = {
               recipient : {
                  name : "nihao",
                  name1 : "jzj"
               },
            };
         const oModel = new JSONModel(oData);
         this.setModel(oModel);

         // set device model
			const oDeviceModel = new JSONModel(Device);
			oDeviceModel.setDefaultBindingMode("OneWay");
			this.setModel(oDeviceModel, "device");
         // console.log(oDeviceModel);
         // 获取当前用户使用的设备屏幕，并设置单向绑定


         // create the views based on the url/hash
			this.getRouter().initialize();
      },

      getContentDensityClass() {
			return Device.support.touch ? "sapUiSizeCozy" : "sapUiSizeCompact";
		}
      // 用于控制整个系统界面的紧凑与否
      // 虽然效果上不是很明显,但在一个标准的fiori应用里其是必须的
    });
 });
 